import React from "react";
import styles from "./CssComponent.module.css";
import styled from "styled-components";

// 在js中写css 需要安装依赖 npm install styled-components
const List = styled.ul`
  list-syle: none;
  padding: 0;
`;
const ListItem = styled.li`
  padding:5px  0;
`;

const CssComponent = () => {
  return (
    <div>
      <p className={styles.cssTitle}>CssComponent导入一个css</p>
      <p className={[styles.cssTitle, styles.cssContainer].join(" ")}>
        CssComponent导入多个css
      </p>
      <List>
        <ListItem>222</ListItem>
        <ListItem>222</ListItem>
        <ListItem>222</ListItem>
      </List>
    </div>
  );
};

export default CssComponent;
